<template>
  <div id="navbar">
    <van-nav-bar>
      <template :#right="rightItem">
        <van-icon name="search" size="18" />
      </template>
      <template :#title="titleText">
        <span>{{ titleText }}</span>
      </template>
      <template :#left="leftItem">
        <van-icon name="search" size="18" />
        <span>{{ leftItem.text }}</span>
      </template>
    </van-nav-bar>
  </div>
</template>

<script>
export default {
  props: {
    titleText: {
      type: String
    },
    leftItem: {},
    rightText: {}
  }
}
</script>

<style scoped></style>
